@import "_function";
.ranking-list{
  .ranking{
    .pt(40);
    .title{
      .w(400);
      .h(60);
      .bc(#e5e5e5);
      .oh();
      margin: 0 auto;
      .br(9);
      .pt(8);
      .pl(5);
      a{
        .db();
        .tc();
        .w(196);
        .h(52);
        .lh(52);
        .br(9);
        .fl();
        .c(#666666);
      }
      .on{
        .bc(#5ebbff);
        .c(#ffffff);
      }
      a:hover{
        .bc(#5ebbff);
        .c(#ffffff);
      }
    }
    .rank{
      .oh();
      .w(621);
      .pr();
      .pb(40);
      border-bottom: 2px solid #e9e9e9;
      margin: 0 auto;
      .mt(60);
      img{
        .w(180);
        .h(240);
        .db();
        .fl();
        .mr(20);
      }
      span{
        .fs(32);
        .pa();
        .l(0);
        .c(#ffffff);
        .w(180);
        .tc();
        .t(104);
        //.mt(-32);
      }
      ul{
        .w(400);
        .c(#666666);
        .oh();
        li{
          .mb(23);
          .fs(28);
          i{
            .db();
            .w(39);
            .h(34);
            .lh(34);
            .tc();
            .fl();
            .mr(21);
          }
          .icon1{
            background: url("../../src/image/rankingIcon1.png") no-repeat;
            .bgs(39,34);
          }
          .icon2{
            background: url("../../src/image/rankingIcon2.png") no-repeat;
            .bgs(39,34);
          }
          .icon3{
            background: url("../../src/image/rankingIcon3.png") no-repeat;
            .bgs(39,34);
          }
        }
      }
      b{
        .db();
        .pa();
        .r(0);
        .t(104);
        .w(19);
        .h(34);
        background: url("../../src/image/rankingIcon4.png") no-repeat;
        .bgs(19,34);
      }
    }
  }
}